<template>
  <div>
    <e-form :model="infoData">
      <!-- 客户名称 -->
      <el-form-item :label="$t('customerInfoMation_customerName')">
        {{ infoData.customerName }}
      </el-form-item>
      <!-- 手机号 -->
      <el-form-item :label="$t('phoneNum')">
        {{ infoData.phoneNumber }}
      </el-form-item>
      <!-- 所属行业 -->
      <el-form-item :label="$t('customerInfoMation_storeTypeIndustry')">
        {{ infoData.storeTypeIndustry }}
      </el-form-item>
       <!-- 店铺总数 -->
       <el-form-item label="店铺总数">
        {{ infoData.storeCount }}
      </el-form-item>
      <!-- 企业名称 -->
      <el-form-item :label="$t('customerInfoMation_nameOfAffiliatedEnterprise')">
        {{ infoData.enterpriseName }}
      </el-form-item>
      <!-- 联系人 -->
      <el-form-item :label="$t('customerInfoMation_contacts')">
        {{ infoData.contactPerson }}
      </el-form-item>
       <!-- 联系人电话 -->
       <el-form-item :label="$t('customerInfoMation_contacts_phoneNum')">
         {{ infoData.contactPersonPhone }}
      </el-form-item>
      <!-- 跟进人 -->
      <el-form-item :label="$t('customerInfoMation_followUpPerson')">
        {{ infoData.follower }}
      </el-form-item>
      <!-- 客户地址 -->
      <el-form-item :label="$t('clueInformation_customerAddress')">
        {{ infoData.customerAddress }}{{ infoData.customerAddressDetail }}
      </el-form-item>
      <!-- 备注 -->
      <el-form-item :label="$t('clueInformation_notes')">
        {{ infoData.remark }}
      </el-form-item>
    </e-form>
  </div>
</template>

<script lang="ts">
import {defineComponent,ref,} from "vue"
import {useRouter} from "vue-router"
import {getCustomerInformDetail} from "../../../../service/customerManage/customerManage"
import {detailDataTaype} from "../../../../viewModel/customerManage/customerManage"
export default defineComponent({
  
  setup() {
    const router = useRouter()
    let id:string = router.currentRoute.value.params.customerId as string
    const infoData = ref<detailDataTaype>(new detailDataTaype())
    getCustomerInformDetail(id).then(res => {
      if (res && res.data && res.data.data) {
        infoData.value = res.data.data as detailDataTaype
      }
    }).catch(err => {
      console.log(err);
    })
    return {
      infoData
    }
  }
})
</script>

<style>

</style>